<!doctype html>
<html>
  <head>
    <!-- Required meta tags -->
    <title>NiuX-高端定制、小程序、APP、建站、DAPP、RPA系统、AI解决方案、SEO、微信推广</title>
    <meta name="description" content="【NiuX】专门为企业提供高端定制服务，其中包括小程序、APP、建站、DAPP、RPA系统、AI解决方案、人工智能解决方案、SEO、微信推广等全流程解决方案。">
    <meta name="keywords" content="企业服务、高端定制、小程序制作、小程序开发、APP开发、APP制作、建站、DAPP、RPA系统、AI解决方案、人工智能解决方案、SEO、微信推广">

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="./assets/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
      crossorigin="anonymous">

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css">
    <link rel="stylesheet" href="./assets/fancybox/dist/jquery.fancybox.min.css">

    <link rel="stylesheet" href="./styles/ui.css" >
  </head>
  <body data-spy="scroll" data-target="#navbar-items">
    <nav id="navbar" class="navbar navbar-expand-lg navbar-dark fixed-top">
      <div class="container">
        <a class="navbar-brand" href="/"><img style="height: 28px;" src="./images/niux.png" ></a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-items" >
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbar-items">
          <ul class="navbar-nav ml-auto">
            <li class="nav-item ml-1 mr-1">
              <a class="nav-link  pl-3 pr-3 text-white" href="#banner">首页
                <span class="sr-only">(current)</span>
              </a>
            </li>
            <li class="nav-item ml-1 mr-1">
              <a class="nav-link pl-3 pr-3 text-white" href="#advantage">优势</a>
            </li>
            <li class="nav-item ml-1 mr-1">
              <a class="nav-link pl-3 pr-3 text-white" href="#process">项目流程</a>
            </li>
            <li class="nav-item ml-1 mr-1">
              <a class="nav-link pl-3 pr-3 text-white" href="#projects">项目展示</a>
            </li>
            <li class="nav-item ml-1 mr-1">
              <a class="nav-link pl-3 pr-3 text-white" href="#team">团队成员</a>
            </li>
            <li class="nav-item  ml-1 mr-1">
              <a class="nav-link pl-3 pr-3 text-white" href="#partner">合作伙伴</a>
            </li>
            <li class="nav-item  ml-1 mr-1">
              <a class="nav-link pl-3 pr-3 text-white" href="#footer">联系我们</a>
            </li>
          </ul>
        </div>
      </div>
    </nav>

    <!-- Banner Begin.-->
    <div style="background:linear-gradient(90deg,#199aff,#2d62fd);">
      <div id="banner" class="jumbotron jumbotron-fluid mb-0">
        <div class="container">
          <div class="row d-flex">
            <div class="col-7 pt-5 pr-0 pr-md-3 d-none  d-md-block" style="background-image:url(./images/banner_quote_icon.png);background-size:5em;background-repeat: no-repeat;background-position: 0px 50px;">
              <h2 class="text-white mt-md-5">我有一个改变世界的想法</h2>
              <h2 class="mb-5 text-white">就差一个小程序</h2>
              <p class="d-none d-md-block mb-2 lead text-white">小程序、APP、建站、DAPP、RPA系统、AI解决方案、SEO、微信推广</p>
              <p class="d-none d-md-block text-white">顶级团队量身打造，只为定制开发</p>
            </div>

            <div class="col-7 pt-5 pr-0 d-md-none align-self-center">
              <h5 class="text-white mt-md-5">我有一个改变世界的想法</h5>
              <h5 class="mb-4 text-white">就差一个小程序</h5>
            </div>

            <div class="col-5 pl-0 pl-md-3">
              <img class="w-100 mt-4" src="./images/banner_icon-min.png">
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- Banner End.-->

    <!-- 移动端 小标题 Begin.-->
    <section id="subtitle" class="border-bottom-1 d-md-none" style="background-image: url(./images/mobile/3x/sub_banner@3x.png);background-repeat: no-repeat;background-size: cover;">
      <div class="container pt-2 pb-2">
        <div class="row d-flex align-items-center">
          <div class="col-8">
            
            <small class="d-block mb-0 text-gray font-weight-bolder">顶级团队量身打造，只为定制开发小程序、APP、建站、DAPP、RPA系统、游戏，并提供专业的大数据分析、SEO及微信推广</small>
            <!--<small class="mb-0 d-block font-weight-bolder"></small>-->
          </div>
          <div class="col-4 ">
            <a href="#footer" class="btn btn-primary ml-auto rounded-0">联系我们</a>
          </div>
        </div>
      </div>
    </section>
    <!-- 移动端 小标题 End.-->

    <!-- 我们的优势 Begin. -->
    <section id="advantage" class="pt-5 pb-5">
      <div class="container-fluid d-block d-md-none p-0" >
        <h4 style="background-image: url('./images/background-title-advantage.png');
        background-size:45%;background-repeat: no-repeat;background-position: center;" class="text-center pb-4 mb-4 main-title main-text-color">我们的优势</h4>
        <!-- 小屏幕优势内容 Begin. -->
        <div style="box-shadow: 2px 2px 29px rgba(0,0,0,0.09);" class="accordion" id="advantageAccordion">
          <div class="card border-left-0 border-right-0 rounded-0">
            <div class="card-body pt-2 pb-2 d-flex align-items-center" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne" id="headingOne">

              <img class="active  animated bounce" src="./images/mobile/3x/icon_dog_selected@3x.png" width="18" height="24" style="margin-right:6px;">
              <img class="inactive" src="./images/mobile/3x/icon_dog_normal@3x.png" width="18" height="24" style="display:none;margin-right:6px;">

              <button class="btn btn-link text-decoration-none" type="button" >
                产品
              </button>
              
              <img class="ml-auto inactive" src="./images/mobile/3x/downbar@3x.png" width="16" height="10" style="display:none;" />
              <img class="ml-auto active" src="./images/mobile/3x/upbar@3x.png" width="16" height="10"/>

            </div>

            <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#advantageAccordion">
              <div class="card-footer text-black-50">
                服务各行各业，上百个项目经验，深谙产品之道。产品经理深入了解并梳理需求，结合市场，协助进行产品定位及规划以保证定制化需求。
              </div>
            </div>
          </div>
          <div class="card border-left-0 border-right-0 rounded-0">
            <div class="card-body collapsed pt-2 pb-2 d-flex align-items-center" id="headingTwo" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">

              <img class="active animated flipInX" src="./images/mobile/3x/icon_ape_selected@3x.png" width="24" height="24" style="display: none;">
              <img class="inactive animated " src="./images/mobile/3x/icon_ape_normal@3x.png" width="24" height="24">

              <button class="btn btn-link text-black-50 text-decoration-none" type="button" >
                技术
              </button>

              <img class="ml-auto inactive animated bounceIn" src="./images/mobile/3x/downbar@3x.png" width="16" height="10"  />
              <img class="ml-auto active animated bounceIn" src="./images/mobile/3x/upbar@3x.png" width="16" height="10" style="display:none;"/>

            </div>
            <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#advantageAccordion">
              <div class="card-footer text-black-50">
                开发人员均来自一线互联网公司行业大牛，前沿的技术，扎实的编码功底，保证产品的极致体验及可拓展性。
              </div>
            </div>
          </div>

          <div class="card border-left-0 border-right-0 rounded-0">
            <div class="card-body collapsed pt-2 pb-2  d-flex align-items-center" id="headingThree" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">

              <img class="active  animated rotateIn" src="./images/mobile/3x/icon_maintenance_selected@3x.png" width="24" height="22" style="display: none;">
              <img class="inactive" src="./images/mobile/3x/icon_maintenance_normal@3x.png" width="24" height="22">

              <button class="btn btn-link text-black-50 text-decoration-none" type="button">
                  维护
              </button>

              <img class="ml-auto inactive" src="./images/mobile/3x/downbar@3x.png" width="16" height="10"  />
              <img class="ml-auto active" src="./images/mobile/3x/upbar@3x.png" width="16" height="10" style="display:none;"/>

            </div>
            <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#advantageAccordion">
              <div class="card-footer text-black-50">
                一次开发终身维护，解决后顾之忧。产品及开发在产品上线后在约定时间内持续提供服务，保证产品的迭代更新。约定时间后，可按工时付费提供支持。
              </div>
            </div>
          </div>

          <div class="card border-left-0 border-right-0 rounded-0">
            <div class="card-body collapsed pt-2 pb-2  d-flex align-items-center" id="headingFour" data-toggle="collapse" data-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">

              <img class="active  animated rotateInDownLeft" src="./images/mobile/3x/icon_price_selected@3x.png" width="24" height="24" style="display: none;">
              <img class="inactive" src="./images/mobile/3x/icon_price_normal@3x.png" width="24" height="24">

              <button class="btn btn-link text-black-50 text-decoration-none" type="button">
                价格
              </button>

              <img class="ml-auto inactive" src="./images/mobile/3x/downbar@3x.png" width="16" height="10"  />
              <img class="ml-auto active" src="./images/mobile/3x/upbar@3x.png" width="16" height="10" style="display:none;"/>

            </div>
            <div id="collapseFour" class="collapse" aria-labelledby="headingFour" data-parent="#advantageAccordion">
              <div class="card-footer text-black-50">
                价格透明，按功能模块来计算费用，每个模块均提供费用明细。消除外包行业信息不对称的弊端，并提供专业的大数据分析，SEO及微信推广服务。
              </div>
            </div>
          </div>

        </div>
        <!-- 小屏幕优势内容 End. -->
      </div>

      <div class="container pt-5 pb-5 d-none d-md-block">
        <h4 style="background-image: url('./images/background-title-advantage.png');
        background-size:45%;background-repeat: no-repeat;background-position: center;" class="text-center pb-4 mb-4 main-title main-text-color">我们的优势</h4>
        <div class="row pt-3">
          <!-- 产品优势 -->
          <div class="col-12 col-sm-6 col-lg-3 mb-4">
            <div class="card advantage-card">
              <div class="card-body">
                <img src="./images/icon_dog.png" style="height:54px;width: 50px;" class="icon mx-auto d-block mt-3 mb-1">
                <h5 class="text-center title main-text-color mt-5 mb-3">产品</h5>
                <p class="mb-0 description">服务各行各业，上百个项目经验，深谙产品之道。产品经理深入了解并梳理需求，结合市场，协助进行产品定位及规划以保证定制化需求。</p>
              </div>
            </div>
          </div>

          <!-- 技术优势 -->
          <div class="col-12 col-sm-6 col-lg-3 mb-4">
            <div class="card advantage-card">
              <div class="card-body">
                <img src="./images/icon_ape.png" class="icon mx-auto d-block mt-3 mb-1">
                <h5 class="text-center title main-text-color mt-5 mb-3">技术</h5>
                <p class="mb-0 description">开发人员均来自一线互联网公司行业大牛，前沿的技术，扎实的编码功底，保证产品的极致体验及可拓展性。</p>
              </div>
            </div>
          </div>

          <!-- 维护优势 -->
          <div class="col-12 col-sm-6 col-lg-3 mb-4">
            <div class="card advantage-card">
              <div class="card-body">
                <img src="./images/icon_maintenance.png" class="icon mx-auto d-block mt-3 mb-1">
                <h5 class="text-center title main-text-color mt-5 mb-3">维护</h5>
                <p class="mb-0 description">一次开发终身维护，解决后顾之忧。产品及开发在产品上线后在约定时间内持续提供服务，保证产品的迭代更新。约定时间后，可按工时付费提供支持。</p>
              </div>
            </div>
          </div>

          <!-- 价格优势 -->
          <div class="col-12 col-sm-6 col-lg-3 mb-4">
            <div class="card advantage-card">
              <div class="card-body">
                <img src="./images/icon_price.png" class="icon mx-auto d-block mt-3 mb-1">
                <h5 class="text-center title main-text-color mt-5 mb-3">价格</h5>
                <p class="mb-0 description">价格透明，按功能模块来计算费用，每个模块均提供费用明细。消除外包行业信息不对称的弊端，并提供专业的大数据分析，SEO及微信推广服务。</p>
              </div>
            </div>
          </div>
          <!--  -->

        </div>
      </div>
    </section>
    <!-- 我们的优势 End.-->

    <!-- 项目流程部分 Begin. -->
    <section id="process" class="pt-4 pt-sm-5" style="background:linear-gradient(#fefefe, #f8f8f8);">
      <div class="container pt-2 pb-2 pt-sm-5 pb-sm-5 pl-4 pr-4">
        <h4 style="background-image: url('./images/background-title-process.png');
        background-size:45%;background-repeat: no-repeat;background-position: center;" class="text-center pb-3 mb-sm-5 main-title main-text-color">项目流程</h4>
        <div class="row pt-3">
          <div class="col-6 col-sm-4 col-xl-3 mb-1 mb-sm-3 mt-1 mt-sm-3 pl-1 pl-sm-3 pr-1 pr-sm-3 item">
            <div class="card process-card">
              <div class="card-body d-flex">
                <div class="d-flex flex-column flex-grow-1">
                  <img class="icon mb-3" src="./images/icon_demand.png" />
                  <strong class="title text-nowrap">需求分析</strong>
                  <div class="underline mt-2"></div>
                </div>
                <div>
                  <div class="step-num mt-1">01</div>
                </div>
              </div>
              <div class="description collapse  animated bounceInDown">
                <div class="marker-line ml-auto"></div>
                <div class="card-body ">
                  我们的产品顾问多是身经百战的创业者或投资人，将与您深入沟通了解产品，协助企业明确产品定位及方向。在大程度上帮企业规避风险。
                </div>
              </div>
            </div>
          </div>
          <div class="col-6 col-sm-4 col-xl-3 mb-1 mb-sm-3 mt-1 mt-sm-3 pl-1 pl-sm-3 pr-1 pr-sm-3 item">
            <div class="card process-card">
              <div class="card-body d-flex">
                <div class="d-flex flex-column flex-grow-1">
                  <img class="icon mb-3" src="./images/icon_project.png" />
                  <strong class="title text-nowrap">项目梳理</strong>
                  <div class="underline mt-2"></div>
                </div>
                <div>
                  <div class="step-num mt-1">02</div>
                </div>
              </div>
              <div class="description collapse  animated bounceInDown">
                <div class="marker-line ml-auto"></div>
                <div class="card-body ">
                  针对不同行业，产品经理将在最大程度上帮助企业进行项目梳理，明确核心功能，简化流程，节省成本，以达到商业价值最大化。
                </div>
              </div>
            </div>
          </div>

          <div class="col-6 col-sm-4 col-xl-3 mb-1 mb-sm-3 mt-1 mt-sm-3 pl-1 pl-sm-3 pr-1 pr-sm-3 item">
            <div class="card process-card">
              <div class="card-body d-flex">
                <div class="d-flex flex-column flex-grow-1">
                  <img class="icon mb-3" src="./images/icon_prototype.png" />
                  <strong class="title text-nowrap">原型设计</strong>
                  <div class="underline mt-2"></div>
                </div>
                <div>
                  <div class="step-num mt-1">03</div>
                </div>
              </div>
              <div class="description collapse animated bounceInDown">
                <div class="marker-line ml-auto"></div>
                <div class="card-body ">
                  为帮助企业降低风险，我们大概率会使用市面上可见的典型交互设计，并在原型层面针对具体情况进行深入探讨，反复迭代，以保证开发的效率及产品的“精准性”。
                </div>
              </div>
            </div>
          </div>

          <div class="col-6 col-sm-4 col-xl-3 mb-1 mb-sm-3 mt-1 mt-sm-3 pl-1 pl-sm-3 pr-1 pr-sm-3 item">
            <div class="card process-card">
              <div class="card-body d-flex">
                <div class="d-flex flex-column flex-grow-1">
                  <img class="icon mb-3" src="./images/icon_ui.png" />
                  <strong class="title text-nowrap">UI设计</strong>
                  <div class="underline mt-2"></div>
                </div>
                <div>
                  <div class="step-num mt-1">04</div>
                </div>
              </div>
              <div class="description collapse animated bounceInDown">
                <div class="marker-line ml-auto"></div>
                <div class="card-body ">
                  对标业内顶尖设计，对所有的产品均提供至少三版风格设计图进行挑选，把控每一个设计细节。
                </div>
              </div>
            </div>
          </div>
          <div class="col-6 col-sm-4 col-xl-3 mb-1 mb-sm-3 mt-1 mt-sm-3 pl-1 pl-sm-3 pr-1 pr-sm-3 item">
            <div class="card process-card">
              <div class="card-body d-flex">
                <div class="d-flex flex-column flex-grow-1">
                  <img class="icon mb-3" src="./images/icon_code.png" />
                  <strong class="title text-nowrap">程序开发</strong>
                  <div class="underline mt-2"></div>
                </div>
                <div>
                  <div class="step-num mt-1">05</div>
                </div>
              </div>
              <div class="description collapse  animated bounceInDown">
                <div class="marker-line ml-auto"></div>
                <div class="card-body ">
                  开发人员均来自一线互联网公司，行业上游水平。丰富的开发经验，扎实的编码功力，保证系统的健壮性、可靠性、稳定性及可扩展性。
                </div>
              </div>
            </div>
          </div>
          
          <!--  产品测试 -->
          <div class="col-6 col-sm-4 col-xl-3 mb-1 mb-sm-3 mt-1 mt-sm-3 pl-1 pl-sm-3 pr-1 pr-sm-3 item">
            <div class="card process-card">
              <div class="card-body d-flex">
                <div class="d-flex flex-column flex-grow-1">
                  <img class="icon mb-3" src="./images/icon_test.png" />
                  <strong class="title text-nowrap">产品测试</strong>
                  <div class="underline mt-2"></div>
                </div>
                <div>
                  <div class="step-num mt-1">06</div>
                </div>
              </div>
              <div class="description collapse  animated bounceInDown">
                <div class="marker-line ml-auto"></div>
                <div class="card-body ">
                  标准化的测试流程，近乎苛刻的把控产品质量，保证上线前测试出所有可现的BUG，让系统以最高的质量稳定上线。
                </div>
              </div>
            </div>
          </div>
          <!-- 交付使用. -->
          <div class="col-6 col-sm-4 col-xl-3 mb-1 mb-sm-3 mt-1 mt-sm-3 pl-1 pl-sm-3 pr-1 pr-sm-3 item">
            <div class="card process-card">
              <div class="card-body d-flex">
                <div class="d-flex flex-column flex-grow-1">
                  <img class="icon mb-3" src="./images/icon_delivery.png" />
                  <strong class="title text-nowrap">交付使用</strong>
                  <div class="underline mt-2"></div>
                </div>
                <div>
                  <div class="step-num mt-1">07</div>
                </div>
              </div>
              <div class="description collapse  animated bounceInDown">
                <div class="marker-line ml-auto"></div>
                <div class="card-body ">
                  持续跟踪用户使用过程中遇到的问题及BUG，及时修复BUG，并根据用户反馈的使用体验对细节做出调整。
                </div>
              </div>
            </div>
          </div>
          <!-- 迭代更新. -->
          <div class="col-6 col-sm-4 col-xl-3 mb-1 mb-sm-3 mt-1 mt-sm-3 pl-1 pl-sm-3 pr-1 pr-sm-3 item">
            <div class="card process-card">
              <div class="card-body d-flex">
                <div class="d-flex flex-column flex-grow-1">
                  <img class="icon mb-3" src="./images/icon_update.png" />
                  <strong class="title">迭代更新</strong>
                  <div class="underline mt-2"></div>
                </div>
                <div>
                  <div class="step-num mt-1">08</div>
                </div>
              </div>
              <div class="description collapse  animated bounceInDown">
                <div class="marker-line ml-auto"></div>
                <div class="card-body ">
                  根据客户需求制定阶段化的迭代策略，按照迭代策略周期性开发并更新产品，持续更新迭代线上产品。
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- 项目流程 end.-->

    <!-- 项目展示 Begin. -->
    <section id="projects">
      <div class="container-fluid pt-md-5 pb-md-5 pb-2 pt-2">
        <div class="row pt-2 pb-2 pt-md-4 pb-md-4">
          <div class="offset-md-1 col-12 col-lg-2 col-md-3 mb-2 d-flex flex-column align-items-center align-items-md-start">

            <h4 style="background-image: url('./images/background-title-project.png');
        background-size:80%;background-repeat: no-repeat;background-position: center;" class="main-title main-text-color mt-md-5 mt-4 pb-4">项目展示</h4>
            <p class="content-text-color content-text mr-md-3 mr-0  pl-2 pr-2 pl-md-0 pr-md-0">项目经验丰富，开发形式多样。包含小程序、APP、网站、H5、DAPP、游戏及RPA系统等，其中包括已达7000万用户的车来了、传统产业升级的万龙滑雪场、美团酒旅的H5推广游戏、央视上千万并发的直播、明星区块链游戏火车头等等等等....</p>
          </div>
          <div class="col-12 col-lg-9 col-md-8 p-0">
            <!-- 滑块 -->
            <!---
            <div class="scrollbar">
              <div class="handle"></div>
            </div>-->
          
            
            <!-- 滑块 .end -->

            <!-- 项目展示内容 Begin.-->
            
            <div class="sly w-100">
              <ul class="slidee list-group list-group-horizontal">

                <!-- 项目模板 Begin.-->
                <li class="list-group-item pl-2 pr-2 border-0" style="display:none;">
                  <div class="card d-flex justify-content-center align-items-center border-0">
                    <img src="" class="card-img h-100 cover" style="object-fit: contain;" data-adaptive-background>

                    <div class="card-img-overlay p-2 text-center text-white">
                      <h6 class="card-title mb-1 title"></h6>
                      <small class="card-text subtitle"></small>
                      <small style="display: none;" class="card-text description"></small>
                    </div>
                  </div>
                </li>
                <!-- 项目模板End.-->

              </ul>
            </div>
            <!-- 项目展示内容End .-->
            <div class="controls  d-flex flex-column align-items-center align-items-md-start">
              <ul class="pagination  justify-content-start">
                <li class="page-item">
                  <a class="page-link prev-page" href="#">←</a>
                </li>
                <li class="page-item disabled">
                  <a class="page-link" href="javascript:void(0);">&nbsp;</a>
                </li>
                <li class="page-item">
                  <a class="page-link next-page" href="#">→</a>
                </li>
              </ul>
            </div>

          </div>
        </div>
      </div>
    </section>
    <!-- 项目展示 End.-->

    <!-- 团队展示 Begin .-->
    <section id="team">
      <div class="container">
        <div class="row">
          <div class="team-photos col-12 col-md-9 col-lg-8 order-md-1 order-12">
            <div id="team-grid" class="row photo-show">

              <!-- 单个团队成员展示Begin. -->
              <div style="display:none;" class="p-0 col-4 col-md-3 picture-item">
                <div class="card border-0 rounded-0 overflow-hidden  d-flex justify-content-center align-items-center h-100">
                  
                  <a href=""
                  data-fancybox="images" data-height="" data-caption="">
                    <img src="" class="w-100 avatar" style="min-height: 120px">
                  </a>

                  <div class="card-img-overlay p-2 text-center text-white">
                    <h6 class="card-title mb-0 name"></h6>
                    <small class="card-text mb-1 bio"></small>
                  </div>
                </div>
              </div>
              <!-- 单个团队成员展示End. -->              

              <div class="col-1 col-1 my-sizer-element"></div>

            </div>
          </div>
          <div class="offset-md-1 col-md-2 col-lg-3 col-12 order-md-12 order-1  d-flex flex-column align-items-center align-items-md-start">
            <h4 style="background-image: url('./images/background-title-team.png');
        background-size:80%;background-repeat: no-repeat;background-position: center;" class="main-title main-text-color mt-5 pb-4">团队成员</h4>
            <p class="mb-5 content-text-color content-text pl-2 pr-2 pl-md-0 pr-md-0">团队成员均来自BAT等一线互联网公司或多年创业经验的创始人、联合创始人。实战经验丰富，涉及领域广，其中包括区块链、RPA、大数据、游戏、智能硬件、互联网金融、SEO及微信推广等领域。</p>
          </div>
        </div>
      </div>
    </section>
    <!-- 团队展示 Begin.-->


    <!-- 合作伙伴 -->
    <section id="partner">
      <div class="container mt-5 pt-5 pb-5">
        <h4 class="text-center mb-5 main-title main-text-color">合作伙伴</h4>
        <div class="row">
          <div class="col-4 col-md-2  mb-3">
            <img class="w-100" src="https://official.layabox.com/public/img/cooperation/1.jpg" >
          </div>
          <div class="col-4 col-md-2 mb-3">
            <img class="w-100" src="https://official.layabox.com/public/img/cooperation/2.jpg" >
          </div>
          <div class="col-4 col-md-2 mb-3">
            <img class="w-100" src="https://official.layabox.com/public/img/cooperation/3.jpg">
          </div>
          <div class="col-4 col-md-2 mb-3">
            <img class="w-100" src="https://official.layabox.com/public/img/cooperation/4.jpg">
          </div>
          <div class="col-4 col-md-2 mb-3">
            <img class="w-100" src="https://official.layabox.com/public/img/cooperation/5.jpg">
          </div>
          <div class="col-4 col-md-2 mb-3">
            <img class="w-100" src="https://official.layabox.com/public/img/cooperation/6.jpg">
          </div>
          <div class="col-4 col-md-2 mb-3">
            <img class="w-100" src="https://official.layabox.com/public/img/cooperation/7.jpg">
          </div>
          <div class="col-4 col-md-2 mb-3">
            <img class="w-100" src="https://official.layabox.com/public/img/cooperation/8.jpg">
          </div>
          <div class="col-4 col-md-2 mb-3">
            <img class="w-100" src="https://official.layabox.com/public/img/cooperation/9.jpg">
          </div>
          <div class="col-4 col-md-2 mb-3">
            <img class="w-100" src="https://official.layabox.com/public/img/cooperation/10.jpg">
          </div>
          <div class="col-4 col-md-2 mb-3">
            <img class="w-100" src="https://official.layabox.com/public/img/cooperation/11.jpg">
          </div>
          <div class="col-4 col-md-2 mb-3">
            <img class="w-100" src="https://official.layabox.com/public/img/cooperation/12.jpg">
          </div>
      </div>
      </div>
    </section>
    <!-- 合作伙伴 End. -->

    <!-- 联系我们 Begin. -->
    <footer id="footer">
      <div class="container pt-5 mt-5 d-flex flex-column justify-content-center">
        <h4 class="text-center mb-2 main-title text-white">联系我们</h4>
        <p class="text-center text-white mb-5">Contact Us</p>

        <div class="text-center mb-5">
          <button onclick="_MEIQIA('showPanel')" style="background-color: #3f72e5;" class="btn btn-primary">在线咨询
            <span class="ml-2">→</span>
          </button>
        </div>

        <div class="mx-auto text-white mb-4">
          <address class="mx-auto mb-2">
            <strong class="mr-2">电话:</strong>
            <a class="text-white" href="tel:400-8226-656">400-8226-656</a>
          </address>

          <address>
            <strong class="mr-2">邮箱:</strong>
            <a class="text-white" href="mailto:duyi.loocall.com">duyi@loocall.com</a>
          </address>
        </div>

        <!--
        <div class="row d-flex justify-content-center mb-5">
          <div class="col-6 col-lg-3  d-flex align-items-center justify-content-center flex-column">
            <img src="./images/wx-qrcode.png"   class="w-75 rounded mb-4">
            <img width="44" height="38" class="text-center" src="./images/footer_wechat.png">
          </div>
          <div class="col-6 col-lg-3  d-flex align-items-center justify-content-center flex-column">
            <img src="./images/wx-qrcode.png" class="w-75 rounded mb-4">
            <img width="40" height="40" src="./images/footer_qq.png">
          </div>
        </div>
        <p class="text-center text-white">13910583739</p>
        -->

        <div class="p-3 border-top" style="border-top:0.8px solid rgba(255,255,255,0.15)!important;">
          <small class="text-white">Copyright © 2015-2019 niux.com. All Rights Reserved 北京络客科技有限公司</small>
        </div>
      </div>
    </footer>
    <!-- 联系我们End. -->

    <!--<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
      crossorigin="anonymous"></script>
    -->
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"
  crossorigin="anonymous"></script>

    <!--<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
      crossorigin="anonymous"></script> -->
    <script src="./assets/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
      crossorigin="anonymous"></script>
    <script src="./js/sly.min.js"></script>
    <script src="./assets/jquery.adaptive-backgrounds.js/src/jquery.adaptive-backgrounds.js"></script>
    <script src="./assets/fancybox/dist/jquery.fancybox.min.js"></script>
    <script src="./assets/shuffle/dist/shuffle.min.js"></script>

    <script src="./js/main.js" ></script>

    <script type='text/javascript'>
      (function (m, ei, q, i, a, j, s) {
        m[i] = m[i] || function () {
          (m[i].a = m[i].a || []).push(arguments)
        };
        j = ei.createElement(q),
          s = ei.getElementsByTagName(q)[0];
        j.async = true;
        j.charset = 'UTF-8';
        j.src = 'https://static.meiqia.com/dist/meiqia.js?_=t';
        s.parentNode.insertBefore(j, s);
      })(window, document, 'script', '_MEIQIA');
      _MEIQIA('entId', 156050);
    </script> 

    <script>
      var _hmt = _hmt || [];
      (function () {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?bee6f24d726481610826bb7c44da4a55";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
      })();
    </script>

  </body>
</html>